@import "../constant.scss";
.Message-Wrapper{
    margin:auto;
    z-index:5000;
    display:flex;
    flex-direction: column;
    left:50%;
    top:60px;
    position: fixed;
    pointer-events: none;
    .Message-inner{
        max-width:400px;
        position: relative;
        left:-50%;
    }
    
}
.modal-item{
    transform:translateY(-10px);
    opacity:.2;
    width:100%;
    animation:modalItemShow var(--duration--,360ms) ease forwards;
    
    text-align: center;;
}
@keyframes modalItemShow{
    to{
        transform:translateY(0);
        opacity:1;
    }
}
.modal-item-hidden{
    animation:modalItemHidden var(--duration--,460ms) ease forwards;
}
@keyframes modalItemHidden{
    from{
        transform: translateY(0px);
        opacity:1;
    }
    to{
        transform: translateY(-10px);
        opacity:0;
    }
}
.MessageTemplate-Wrapper{
    width:100%;
    background-color: #edf2fc;
    border-radius: 6px;
    color:#909399;
    padding:15px 20px;
}